<template>
  <!-- 面经分享 -->
  <div class="faceWarp">
    <div class="content">
      <div class="item" v-for="item in 3" :key="item">
        <div class="text">
          <div class="text_title">分享-自学编程没资料，我是这么找的</div>
          <p class="text_cont">
            -
            自学IT编程怎么找编程资料？选择做程序员就需要一颗保持学习的心，因为技术更新快、需求变化快等原因，所以得时刻保持学习才能不被淘汰。正因为如此，程序员一般都要有一些自学能力，说到自学，就出现了“如何找到自己想要的编程资源”的问题了，接下来我们就一起去了解了解吧。
          </p>
        </div>
        <div class="info">
          <img
            src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1483214666,3261663512&fm=26&gp=0.jpg"
            alt=""
          />
          <span class="name">妮妮</span>
          <span>2020.06.29</span>
          <span>
            <i class="iconfont iconicon_pinglunliang"></i>
            52
          </span>
          <span>
            <i class="iconfont iconbtn_dianzan_small_nor"></i>
            0
          </span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="less" scoped>
.faceWarp {
  background-color: #fff;
  padding: 0 10px;
  .content {
    .item {
      margin-bottom: 30px;
      .text {
        .text_title,
        .text_cont {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          line-clamp: 2;
          -webkit-box-orient: vertical;
        }
        .text_cont {
          font-size: 14px;
          color: #545671;
        }
      }
      .info {
        display: flex;
        justify-content: space-around;
        align-items: center;
        font-size: 12px;
        color: #b4b4bd;
        .name {
          width: 40%;
        }
        img {
          width: 25px;
          height: 25px;
          border-radius: 50%;
        }
      }
    }
  }
}
</style>
